.home-header {
    color: #fff;
    background-color: #63534e;
    text-align: center;
}

.not-logged-in {
    padding: .687rem 0 .333rem 0;
}

.not-logged-in .logo img {
    width: 2rem;
}

.not-logged-in .login {
    margin-top: .234rem;
}

.not-logged-in .login a {
    display: inline-block;
    width: 1.069rem;
    height: .26rem;
    text-align: center;
    line-height: .26rem;
    color: #63534e;
    background-color: #ffe7bc;
    border-radius: .13rem;
}

.not-logged-in .reg {
    margin-top: .343rem;
}

.not-logged-in .reg a {
    color: #fff;
}





.logged-in {
    padding: .262rem .148rem .266rem .148rem;
    color: #b59792;
    background: url(../images/home/logo.png) top center no-repeat;
    background-size: 100% auto;
}

.logged-in .topbar .avatar {
    float: left;
}

.logged-in .topbar .avatar img {
    display: block;
    width: .245rem;
    height: .245rem;
    border: 2px solid #fff;
    border-radius: 50%;
}

.logged-in .topbar .msg {
    float: right;
    display: block;
    width: .189rem;
    height: .189rem;
    margin-top: .028rem;
    background: url(../images/home/msg.png) center no-repeat;
    background-size: 100% auto;
}

.logged-in .topbar::after {
    display: block;
    content: " ";
    clear: both;
}

.logged-in .name {
    margin-top: .032rem;
    font-size: .142rem;
    color: #fff;
}

.logged-in .total-assets {
    margin-top: .104rem;
    font-size: .106rem;
}

.logged-in .total-assets .eye {
    display: inline-block;
    width: .21rem;
    height: .0918rem;
    background: url(../images/home/eye.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.logged-in .total-assets h3 {
    margin-top: .094rem;
    font-size: .326rem;
    font-weight: 100;
    color: #ffe7bc;
}

.logged-in .total-assets h3 span {
    font-size: .177rem;
}

.logged-in .scores {
    display: table;
    margin: .181rem auto 0 auto;
    text-align: left;
}

.logged-in .scores li {
    display: table-cell;
    padding: 0 .195rem;
}

.logged-in .scores h4 {
    font-size: .106rem;
}

.logged-in .scores p {
    margin-top: .093rem;
    font-size: .142rem;
}

.logged-in .icons {
    display: table;
    margin: .148rem auto 0 auto;
}

.logged-in .icons li {
    display: table-cell;
    width: .5rem;
}

.logged-in .icons a {
    display: inline-block;
    width: .190rem;
    height: .190rem;
    background-position: center;
    background-repeat: no-repeat;
}

.logged-in .icons .home a {
    background-image: url(../images/home/home.png);
    background-size: .171rem auto;
}

.logged-in .icons .car a {
    background-image: url(../images/home/car.png);
    background-size: .183rem auto;
}

.logged-in .icons .wallet a {
    background-image: url(../images/home/wallet.png);
    background-size: .133rem auto;
}

.logged-in .icons .friends a {
    background-image: url(../images/home/friends.png);
    background-size: .189rem auto;
}




.info-list {
    padding: .07rem .074rem .47rem .074rem;
}

.info-list .banner img {
    width: 100%;
}

.info-list h3 {
    text-align: center;
    color: #999;
    font-size: .106rem;
    margin-top: .117rem;
}

.info-list h3 i {
    display: inline-block;
    width: .13rem;
    height: .13rem;
    margin-left: .05rem;
    background: url(../images/home/more.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.info-list li {
    padding: .15rem .162rem;
    margin-top: .051rem;
    background-color: #fff;
    border: 1px solid #dfdfdf;
}

.info-list li::after {
    display: block;
    content: " ";
    clear: both;
}

.info-list li h4 {
    color: #6a534f;
}

.info-list li p {
    margin-top: .05rem;
    color: #9a8e8c;
    font-size: .094rem;
}

.info-list li .author {
    margin-top: .074rem;
    font-size: .082rem;
}

.info-list li .pic {
    width: .859rem;
    height: .613rem;
    float: right;
    margin-left: .09rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}